<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title>艾佳天诚-专注于通讯工程.</title>
		<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/index.css"/>
		<link rel="stylesheet" type="text/css" href="../css/floor.css"/>
		<script src="../js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.corner.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/dounine-tools.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.split-b-center div{
				position: absolute;
				top:0px;
				left:0px;
			}
			.split-b-center div{
				overflow: hidden;
			}
			.split-b-center div .bg{
				display: block;
				position: absolute;
				bottom: -50px;
				left:0px;
				width: 100%;
				height: 50px;
				background: #000000;
				opacity: 0.5;
			}
			.split-b-center div .txt{
				position: absolute;
				bottom: -50px;
				left:0px;
				width: 100%;
				height: 50px;
				z-index: 999;
				color: white;
				text-align: center;
				line-height: 50px;
			}
		</style>
	</head>
	<body>
		<div class="nav nav-blue" style="border-bottom: 1px solid #E9E9E9;">
			<div class="nav-menu-head">
				<div class="nav-logo">
					<a href="."><img src="../img/ike-b.png"/> </a>
				</div>
				<div class="nav-bar">
					<li><a style="color: #000000;" href=".">首页 <i class="iconfont">󰊝</i></a></li>
					<li><a style="color: #000000;" href="article/job.html">招聘<i class="iconfont"> &#xe634;</i></a></li>
					<li><a style="color: #000000;" href="article/dynamic.html">资讯<i class="iconfont"> &#xf00ae;</i></a></li>
					<li><a style="color: #000000;" href="article/job.html">相册<i class="iconfont select"> &#xe60b;</i></a></li>
					<li><a style="color: #000000;" href="article/contact.html">联系 <i class="iconfont"></i></a></li>
					<li><a style="color: #000000;" href="article/about.html">关于<i class="iconfont"></i></a></li>
				</div>
			</div>
		</div>
		
		<div class="split-box" style="background: none;">
			<div class="split-b-center" style="position: relative;margin-top:50px;min-height:800px;">
				<div onmouseenter="photo_enter(this);" onmouseleave="photo_leave(this);">
					<a href="#"><img width="300" src="../img/photos/QQ截图20150522113241.png"/></a>
					<span class="bg" style="height: 30px;"></span>
					<span class="txt" style="height: 30px;line-height: 30px;">
						公司环境
					</span>
				</div>
				<div onmouseenter="photo_enter(this);" style="left:310px;" onmouseleave="photo_leave(this);">
					<a href="#"><img src="../img/photos/QQ截图20150522111017.png"/></a>
					<span class="bg" style="height: 20px;"></span>
					<span class="txt" style="height: 20px;line-height: 20px;">
						工作地点
					</span>
				</div>
				<div style="top:170px;" >
					<a href="#"><img src="../img/photos/1-140224113130D3.jpg"/></a>
					<span class="bg" style="bottom: 2px;"></span>
					<span class="txt" style="bottom: 2px;">
						公司摄影
					</span>
				</div>
				<div onmouseenter="photo_enter(this);" style="left:560px;" onmouseleave="photo_leave(this);">
					<a href="#"><img width="440" src="../img/photos/QQ截图20150522105719.png"/></a>
					<span class="bg"></span>
					<span class="txt">
						公司旅游
					</span>
				</div>
				<div onmouseenter="photo_enter(this);" style="left:560px;top:220px;" onmouseleave="photo_leave(this);">
					<a href="#"><img width="440" src="../img/photos/QQ截图20150522115608.png"/></a>
					<span class="bg"></span>
					<span class="txt">
						住宿环境
					</span>
				</div>
				<div onmouseenter="photo_enter(this);" style="top:500px;" onmouseleave="photo_leave(this);">
					<a href="#"><img width="550" src="../img/photos/QQ截图20150522112726.png"/></a>
					<span class="bg"></span>
					<span class="txt">
						员工风采
					</span>
				</div>
			</div>
		</div>
		
		
		<div class="footer-box" style="margin-top:40px;">
			<div class="footer">
				<div class="footer-t-b">
					
				</div>
				<div class="footer-content">
					<div class="footer-left">
						&copy; 2015. All Rights Reserved.
					</div>
					<div class="footer-right">
						<a href="#">艾佳天诚</a>
						<a href="article/job.html">招贤纳士</a>
						<a href="article/contact.html">联系我们</a>
					</div>
				</div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript">
		function news_hots_enter(self){
			var $self = $(self);
			$self.parent().parent().find('.active').removeClass('active');
			var index = $self.addClass('active').parent().index();
			$('.news-host .n-h-l-item').find('ul').hide();
			$('.news-host .n-h-l-item').find('ul').eq(index).show();
		}
		
		$(function(){
			$('.split-b-center .bg').css('opacity',0.5);
		});
		
		function photo_enter(self){
			$(self).find('.bg,.txt').each(function(){
				$(this).dequeue();
			}).animate({
				'bottom':2
			});
		}
		
		function photo_leave(self){
			$(self).find('.bg,.txt').each(function(){
				$(this).dequeue();
			}).animate({
				'bottom':-50
			});
		}
	</script>
</html>
